<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>start</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,   initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="assets/lib/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/lib/bootstrap3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="assets/lib/bootstrap3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/TagCloud.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body class="body">
		<!-- 导航start -->
		<nav class="navbar navbar-default <!-- navbar-fixed-top --> navbar-static-top" role="navigation" style="background: ;">
			<div class=" container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#vic-navbar-collapse">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand">临窗旋墨</a>
				</div>
				<div class="collapse navbar-collapse" id="vic-navbar-collapse">
					<div id="tweather" class="navbar-text"></div>
					<ul class="nav navbar-nav navbar-right-">
						<li class="">
							<a href="javascript:;"><i class="fa fa-book" aria-hidden="true"></i> 博客</a>
						</li>
						<li>
							<a href="#">关于</a>
						</li>
						<li>
							<a href="javascript:;" id="for-nav-search">归档</a>
						</li>
						<li>
							<a href="#">曾经诗人</a>
						</li>
						<li>
							<a href="#">留言板</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">
								<span class="glyphicon glyphicon-log-in"></span> 登录
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu" style="text-align: center;min-width:100%;">
								<li><a href="http://localhost:10087/third/grant/gitee" target="_blank"><i class="fa fa-github" aria-hidden="true"></i>&nbsp;github</a></li>
								<li><a href="https://gitee.com/lcxm" target="_blank"><i class="fa fa-github-square" aria-hidden="true"></i>&nbsp;gitee</a></li>
								<li><a href="tencent://message/?uin=84597585"><img src="http://wpa.qq.com/pa?p=1:84597585:4" border="8">&nbsp;QQ</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">
								张三
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu" style="text-align: center;min-width:100%;">
								<li><a href="https://github.com/xuduochoua" target="_blank"><i class="fa fa-sign-out" aria-hidden="true"></i>退出</a></li>
							</ul>
						</li>
					</ul>

					<form class="navbar-form navbar-right form-inline olny-hide" role="search" id="nav-search">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="search">
							<div class="input-group-btn">
								<button type="button" class="btn btn-default" tabindex="-1">
									<i class="fa fa-search"></i>
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>

		</nav>
		<!-- 导航end -->
		<div class="container-fluid">

			<div class="row">
				<!-- 中间 start -->
				<div class="col-lg-9 col-md-9">
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div id="myCarousel" class="carousel slide hidden">
								<!-- 轮播（Carousel）指标 -->
								<ol class="carousel-indicators">
									<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
									<li data-target="#myCarousel" data-slide-to="1"></li>
									<li data-target="#myCarousel" data-slide-to="2"></li>
								</ol>
								<!-- 轮播（Carousel）项目 -->
								<div class="carousel-inner">
									<div class="item active">
										<img src="assets/img/carousel/slide1.png" alt="First slide">
										<div class="carousel-caption">标题 1</div>
									</div>
									<div class="item">
										<img src="assets/img/carousel/slide2.png" alt="Second slide">
										<div class="carousel-caption">标题 2</div>
									</div>
									<div class="item">
										<img src="assets/img/carousel/slide3.png" alt="Third slide">
										<div class="carousel-caption">标题 3</div>
									</div>
								</div>
								<!-- 轮播（Carousel）导航 -->
								<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
									<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
									<span class="sr-only">Previous</span>
								</a>
								<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
									<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
									<span class="sr-only">Next</span>
								</a>
							</div>
						</div>
					</div>
					<!-- ******************************  轮播end******************************************* -->
					<hr />

					<div class="row">
						<!-- 最新statr -->
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
							<div class="panel panel-success shadow">
								<div class="panel-heading">
									<h3 class="panel-title">
										最新文章
									</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>

									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>

									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
								</div>
								<div class="panel-footer text-info text-right small"><a>查看更多</a></div>
							</div>
						</div>
						<!-- 最新end -->

						<!-- 杂感start -->
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
							<div class="panel panel-success">
								<div class="panel-heading">
									<h3 class="panel-title">
										杂感
									</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>

									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
								</div>
								<div class="panel-footer text-info text-right small"><a>查看更多</a></div>
							</div>
						</div>
						<!-- 杂感 end -->

						<!-- TODO start -->
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
							<div class="panel panel-success">
								<div class="panel-heading">
									<h3 class="panel-title">
										TODO
									</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式
											Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>
									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>

									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
								</div>
								<div class="panel-footer text-info text-right small"><a>查看更多</a></div>
							</div>
						</div>
						<!-- TODO end -->

						<!-- 功能展示start -->
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
							<div class="panel panel-success">
								<div class="panel-heading">
									<h3 class="panel-title">
										功能展示
									</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>

									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
								</div>
								<div class="panel-footer text-info text-right small"><a>查看更多</a></div>
							</div>
						</div>
						<!-- 功能展示end -->

						<!-- 专题 springboot start -->
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
							<div class="panel panel-warning">
								<div class="panel-heading">
									<h3 class="panel-title">
										springboot专题
									</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>

									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
								</div>
								<div class="panel-footer text-info text-right small"><a>查看更多</a></div>
							</div>
						</div>
						<!-- 专题 springboot end -->

						<!-- 专题 springcloud start -->
						<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
							<div class="panel panel-warning">
								<div class="panel-heading">
									<h3 class="panel-title">
										springcloud专题
									</h3>
								</div>
								<div class="panel-body">
									<div class="panel-body-list">
										<span>20/03/08</span>
										<a href="/spring-boot-learning-21-3-6/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis的XML配置方式</a>
									</div>

									<div class="panel-body-list">
										<span>20/02/29</span>
										<a href="/spring-boot-learning-21-3-5/" target="_blank" itemprop="url">Spring Boot 2.x基础教程：使用MyBatis访问MySQL</a>
									</div>
								</div>
								<div class="panel-footer text-info text-right small"><a>查看更多</a></div>
							</div>
						</div>
						<!-- 专题 springcloud end -->
					</div>
				</div>
				<!-- 中间 end -->

				<!-- 右侧 start -->
				<div class="col-lg-3 col-md-3">
					<hr />
					<div class="panel panel-success">
						<div class="panel-heading">
							<h3 class="panel-title">
								关于作者
							</h3>
						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-5">
									<img class="img-rounded" src="assets/img/about/weixinqc.png" alt="扫一扫我的微信" width="100%" />
								</div>
								<div class="col-md-7">
									<p class="strong text-info">欢迎关注!</p>
									<p class="text-muted">曾经诗人, 小小码农</p>
									<p class="text-muted">曾经诗人, 小小码农</p>
								</div>
							</div>
							<hr />
							<ul class="list-inline">
								<li><a href="https://github.com/xuduochoua" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>
								<li><a href="https://gitee.com/lcxm" target="_blank">码云</a></li>
								<li><a href="https://www.zhihu.com/people/xuduochoua" target="_blank">知乎</a></li>
								<li><a href="tencent://message/?uin=84597585"><img src="http://wpa.qq.com/pa?p=1:84597585:4" border="8"></a></li>
								<li><a href="mailto:xuduochoua@163.com"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
							</ul>
						</div>
					</div>
					<!-- 分类列表 -->
					<div class="panel panel-success">
						<div class="panel-heading">
							<h3 class="panel-title">
								分类
							</h3>
						</div>
						<div class="panel-body">
							<div class="widget">
								<ul class="category-list">
									<li class=""><a class="" href="/categories/Java/">Java</a><span class="category-list-count">1</span></li>
									<li class=""><a class="" href="/categories/Javascript/">Javascript</a><span class="category-list-count">1</span></li>
									<li class=""><a class="" href="/categories/Node-js/">Node.js</a><span class="category-list-count">2</span></li>
									<li class="active"><a class="" href="/categories/OpenWrite/">OpenWrite</a><span class="category-list-count">1</span></li>
									<li class=""><a class="" href="/categories/Python/">Python</a><span class="category-list-count">1</span></li>
									<li class=""><a class="" href="/categories/Spring-Boot/">Spring Boot</a><span class="category-list-count">81</span></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 分类列表end -->

					<!-- 专题表 -->
					<div class="panel panel-success">
						<div class="panel-heading">
							<h3 class="panel-title">
								专题
							</h3>
						</div>
						<div class="panel-body">
							<div class="widget">
								<ul class="category-list">
									<li class=""><a class="" href="/categories/Java/">springBoot</a><span class="category-list-count">1</span></li>
									<li class=""><a class="" href="/categories/Javascript/">springcloud</a><span class="category-list-count">1</span></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 专题列表 end -->


					<!-- 专题表 -->
					<div class="panel panel-success">
						<div class="panel-heading">
							<h3 class="panel-title">
								归档
							</h3>
						</div>
						<div class="panel-body">
							<div class="widget">
								<ul class="category-list">
									<li class=""><a class="" href="/categories/Java/">2020-05</a><span class="category-list-count">2</span></li>
									<li class=""><a class="" href="/categories/Javascript/">2020-04</a><span class="category-list-count">20</span></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 归档列表 end -->

					<!-- 标签 -->
					<div class="panel panel-warning">
						<div class="panel-heading">
							<h3 class="panel-title"><i class="glyphicon glyphicon-tags"></i>&nbsp;&nbsp;标签</h3>
						</div>
						<div class="panel-body">
							<div class="widget" id="tag">
								<ul class="category-list">
									<li class="" th:each="tag: ${model.blogTags}"><a class="" href="javascript:;" th:text="${tag.name}">Java</a><span
										 class="category-list-count">2</span></li>
								</ul>
							</div>
						</div>
					</div>
					<script>
						$(function() {
							var texts = [
								'aa', 'bb', 'cc', 'ddd'
							];
							TagCloud($("#tag")[0], texts, {});
							$("#tag").on("click", ".tagcloud--item", function() {
								alert($(this).text());
							});
						});
					</script>
					<!-- 标签 end -->



				</div>
				<!-- 右侧 end -->
			</div>
		</div>

		<!--页脚-->
		<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation" style="height: 30px;">
			<div class="container-fluid">
				<div class="navbar-inner navbar-content-center">
					<div align="center" style="padding-top: 15px;">
						Copyright © 2020 许秋冬 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank">备案号
						</a>
					</div>
				</div>
			</div>
		</nav>
	</body>
</html>
